<template>
	<view class="wrap-contact-info" v-if="dataInfo">
		<view class="flex align-center just-between">
			<view class="info flex column">
				<view class="name fBold f-30">联系人:{{ dataInfo.link_name }}</view>

				<view class="tips f-24">联系我时，请说明在【百焕商圈】看到的，谢谢!</view>
			</view>

			<image class="contact" :src="$staticImagePath('article/contact_phone.png')" @click="$filters.onCallPhone(dataInfo.link_mobile)" />
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			/**
			 * 内容
			 */
			dataInfo: {
				type: Object,
				default: null,
			},
		},
	};
</script>

<style lang="scss" scoped>
	.wrap-contact-info {
		width: 100%;
		overflow: hidden;
		background-color: #ffefe5;
		border-radius: 16rpx;
		overflow: hidden;
		padding: 40rpx 30rpx;
		box-sizing: border-box;
		gap: 20rpx;

		.info {
			flex: 1;
			overflow: hidden;
			gap: 15rpx;

			.name {
				color: #252525;
			}

			.tips {
				color: #888888;
			}
		}

		.contact {
			width: 80rpx;
			height: 80rpx;
		}
	}
</style>
